<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title th:text="角色列表">User</title>
    <!--默认拼接前缀路径,开头请勿再添加斜杠,防止部署运行报错！-->
    <script th:replace="common/head::static"></script>
    <!-- DataTables -->
    <link rel="stylesheet" th:href="@{/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css}">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" th:href="@{/dist/css/skins/_all-skins.min.css}">
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div th:include="common/side :: side"></div>
<div class="wrapper">
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                Data Tables Test
                <small>advanced tables</small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
                <li><a href="#">Tables</a></li>
                <li class="active">Data tables</li>
            </ol>
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="row">
                <div class="col-xs-12">
                    <div class="box">
                        <div class="box-header">
                            <h3 class="box-title">Hover Data Table</h3>
                            <a class="btn btn-default box-head-btn" href="/user/add">新增</a>
                        </div>

                        <!-- /.box-header -->
                        <div class="box-body">
                            <table id="example2" class="table table-bordered table-hover">
                                <thead>
                                <tr>
                                    <th>序号</th>
                                    <th>角色名称</th>
                                    <th>创建时间</th>
                                    <th>编辑</th>
                                </tr>
                                </thead>
                                <tbody>
<!--                                <tr th:each="role,roleStat:${allList}" th:class="${roleStat.even}?'even':'odd'">-->
<!--                                    <td th:text="${roleStat.count}">Gecko</td>-->
<!--                                    <td th:text="${role.name}">Firefox 1.5</td>-->
<!--                                    <td th:text="${role.createTime}">A</td>-->
<!--                                    <td>-->
<!--                                        <a th:href="@{/role/toEdit(id=${role.id})}" class="btn btn-info">编辑</a>-->
<!--                                        <a th:href="@{/role/toDelete(id=${role.id})}" class="btn btn-warning">删除</a>-->
<!--                                    </td>-->
<!--                                </tr>-->
                                </tbody>
                                <tfoot>
                                <tr>
                                    <th>序号</th>
                                    <th>角色名称</th>
                                    <th>创建时间</th>
                                    <th>编辑</th>
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                        <!-- /.box-body -->
                    </div>
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
    <footer class="main-footer">
        <div class="pull-right hidden-xs">
            <b>Version</b> 2.4.0
        </div>
        <strong>Copyright &copy; 2014-2016 <a href="https://adminlte.io">Almsaeed Studio</a>.</strong> All rights
        reserved.
    </footer>

    <!-- Add the sidebar's background. This div must be placed
         immediately after the control sidebar -->
    <div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->
<div th:replace="~{common/footer :: footer}">...</div>
<!-- DataTables -->
<script src="../../bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="../../bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
<!-- JavaScript -->
<!--<script src="/js/main.js" th:src="@{/js/main.js}"></script>-->
<script th:inline="javascript">
    $(function () {
        $('#example2').DataTable({
            "processing"  : true,
            'paging'      : true,
            'lengthChange': false,
            'searching'   : false,
            'ordering'    : true,
            'info'        : true,
            'autoWidth'   : false
        })
    })

</script>
</body>
</html>